<!DOCTYPE html>
<html class="am-touch js cssanimations">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>快快极致打蜡洗车</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="renderer" content="webkit" />
    <link rel="icon" type="image/png" href="../assets/i/favicon.png" />
    <link rel="stylesheet" href="../assets/css/amazeui.min.css" />
    <link rel="stylesheet" href="../assets/css/basic.css" />
    <link rel="stylesheet" href="../assets/css/app.css" />
    <link href="../assets/css/loadStyle.css?v=3.3" rel="stylesheet" />
    <link rel="stylesheet" href="../assets/css/icon2.css"/>
    <script>
        document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
            WeixinJSBridge.call('hideOptionMenu');
        });
        document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
            WeixinJSBridge.call('hideToolbar');
        });
    </script>
    <style>
        .am-tabs-bd {
            border: none;
            min-height: 640px;
        }

        article.am-paragraph-default{ margin-top: 10px; }
        article p { margin: 0 !important; padding: 10px; color: #666666; text-align: center; }
        .am-paragraph-default img{ border: none; }
        article h2.am-text-lg{ margin: 10px; font-weight: normal; }
        img.bigImg{ display: block;  margin-top: 10px; margin-bottom: 0; width: 35%;}
        .am-paragraph-default p{ font-size: 1.6rem; }
        section#kuaikuai-tab { border-top: 1px solid #eee; }
        p.am-text-sm{ font-size: 1.4rem; text-align: left; padding-top: 5px; padding-bottom: 5px; line-height: 1.75em; }
        .pList{ margin-bottom: 25px; font-size: 1.4rem; text-align: left; padding-right: 0; padding-left: 0; }

        .am-list-news-bd ul.am-list li a{ padding-bottom: 0;}
        p.am-text-sm{ font-size: 1.4rem; }

        .cart-btns-fixed{position: fixed;left: 0;bottom: 0;z-index: 1000;text-align: center; width: 100%;padding: 10px 0;background-color: #fff;border-top: 1px solid #dfdfe3;border-width: 1px 0 0 0;}
        .cart-btns-fixed-box{display: inline-table;width: 100%;padding: 0 15px;}
        .cart-btns-fixed-box p{margin-bottom: 0;font-size: 24px;}
        .cart-btns-fixed-box p s{font-size: 14px;margin-left: 20px; color: #ef4437}

        .dd .item{float: left; margin: 2px 8px 2px 0;border: 1px solid #d2d2d2; padding: 8px 5px}
        .dd .item a{display: block; float: left;color: #000000}
        .item.selected{border-color: #d90f0f;position: relative;zoom: 1;}
        .item.selected b{position: absolute; bottom: 0; right: 0; width: 12px; height: 12px; overflow: hidden;  background: url("../assets/i/icon/right.png"); }

        .icon-chevron-right {
            font-size:13px;
            color:#666666;
        }
    </style>
    <script src="../assets/js/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<!-- Start kuaikuai-tab -->
<section id="kuaikuai-tab" style=" z-index:990">
    <div data-am-widget="tabs" class="am-tabs am-tabs-default">
        <!-- 添加 am-topbar-fixed-top -->
        <ul class="am-tabs-nav tabs-nav am-cf" id="next" data-am-scrollspy-nav data-am-sticky>
            <li class="am-active" id="about">
                <a href="#next"  data-kuai-tabs="0">产品详情</a>
            </li>
            <li id="fuwu" class="">
                <a href="#next" data-kuai-tabs="1">服务保障</a>
            </li>
            <li id="comment" class="">
                <a href="#next" data-kuai-tabs="2">用户评价</a>
            </li>
        </ul>
        <div class="am-tabs-bd" id="ok">
            <!-- Start 产品详情 -->
            <div data-tab-panel-0 class="am-tab-panel am-active" data="tab1" id="desc" style="background-color: #ebebeb;">
            </div>
            <!-- End 产品详情 -->

            <!-- Start 服务保障 -->
            <div data-tab-panel-1 class="am-tab-panel " data="tab2">
                <article data-am-widget="paragraph" class="am-paragraph am-paragraph-default">
                    <h2 class="am-text-lg">快快车生活为用户提供三重保障:</h2>
                    <img class="bigImg" src="../assets/i/icon/tui.png" alt=""/>
                    <p>未消费时可以全额退款</p>
                    <img class="bigImg" src="../assets/i/icon/smile.png" alt=""/>
                    <p>线下服务满意为止  </p>
                    <img class="bigImg" src="../assets/i/icon/kuaikuai.png" alt=""/>
                    <p>消费券可以在所有认证商家使用</p>
                    <p style="padding: 5px;"></p>
                    <h2 class="am-text-lg">双重质检保障：</h2>
                    <p class="am-text-sm">1、工员自检：现场施工完毕技术人员按照10项标准进行自检后方将车辆移至交车区。</p>
                    <p class="am-text-sm">2、交车员质检：交车质检员将带领用户一起检验，通过10项质检标准后交车方算服务完成。</p>
                    <h2 class="am-text-lg">未消费时可以全额退款：</h2>
                    <img src="../assets/i/icon/liucheng.png" alt=""/>
                    <h2 class="am-text-lg">退款说明:</h2>
                    <p class="am-text-sm">1、如果在购买时使用了红包或者优惠券，退款时仅仅退还支付金额，红包或者优惠券不再返还。</p>
                    <p class="am-text-sm">2、用户提出申请退款之后，平台确认未使用情况下，会在7个工作日内把款项退还至支付账户。</p>
                </article>
            </div>
            <!-- End 服务保障 -->

            <!-- Start 用户评价 -->
            <div data-tab-panel-2 class="am-tab-panel " data="tab3">
                <div class="am-list-news-hd am-cf" style="margin-top:8px">
                    <h2>全部评价<em id="haoping"  style="color:#f0891b">0%</em></h2>
                    <span class="am-list-news-more am-fr">共<em id="pingCount" style="color:#f0891b">0</em>条评价</span>
                </div>

                <div class="am-list-news-bd">
                    <ul class="am-list" id="pingjialist">

                    </ul>
                </div>

                <!--更多在底部-->
                <div class="am-list-news-ft" style="margin-top:5px;" id="getPage">
                    <a class="am-list-news-more am-btn am-btn-default " onclick="getLoadMore()">查看更多</a>
                </div>
            </div>
            <!-- End 用户评价 -->
        </div>
    </div>
</section>
<script src="../assets/js/jquery.min.js" type="text/javascript"></script>
<script src="../assets/js/amazeui.js" type="text/javascript"></script>
<script src="../assets/js/amazeui.widgets.helper.min.js" type="text/javascript"></script>
<script src="../assets/js/handlebars.min.js" type="text/javascript"></script>
<script src="../assets/js/kuaikuai.js?v=3.3" type="text/javascript"></script>
</body>
</html>